﻿<!DOCTYPE html>
<HTML>
<HEAD>
	<META charset="utf-8">
	<!--<META NAME="GENERATOR" Content="Microsoft Visual Studio">-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!--<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">-->
	<meta name="description" content="Web Control for Decoder">
	<meta name="author"	content="Cogent">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta http-equiv="Expires" content="0">
	<TITLE>KVM</TITLE>
	<!--<LINK href="../style1.css" rel="stylesheet"	type="text/css">-->
	<script	type="text/javascript">
		document.write("<LINK href='style1.css?randomid=" +	Math.random() +	"' rel='stylesheet'	type='text/css'>");
	</script>

	<LINK rel="icon" href="favicon.ico"	/>
	<LINK href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
	<LINK href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
	<LINK href="jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css">
	<script	src="jQueryAssets/jquery-1.11.1.min.js"></script>
	<script	src="jQueryAssets/jquery.ui-1.10.4.tabs.min.js"></script>
	<script	src="highcharts/highcharts.js"></script>
	<!-- Following jquery.reveal.js	and	reveal.css are prepared	for	popup windows -->
	<script	type="text/javascript" src="jquery.reveal.js"></script>
	<link rel="stylesheet" href="reveal.css">
</HEAD>
<BODY onload="initLinkTestOnLoad();">

	<div id="header">
		<div id="container">
			<div id="logo"></div>
			<div id="Header_Spliter"></div>
			<div id="Product_name" class="product">
				<a id="title_name_id" style="float: left"></a>
				<label style="float: left">Internet	UHD Decoder</label>
			</div>
			<div id="backgroud_h"></div>
		</div>
	</div>

	<div id="content">
		<div id="Main_Tab">
			<form method="POST"	enctype="multipart/form-data" action=""	id="linktest_tab">
                <div id="tabs-3" class="input_area">
                    <div id="title_bar">
                        <label>Link Statistics</label>
                        <select id="link_last_time" style="float: right; margin-right: 70px;height: 35px; width: 180px; background: transparent;" onchange="ChangeLastTime(this.value)">
                            <option value="1" selected="selected">Last 5 Minutes</option>
                            <option value="12">Last 60 Minutes</option>
                            <option value="288">Last 24 Hours</option>
                        </select>
                    </div>
                    <div id="link_info" style="float: left">
                        <div id="link_status" style="float: left; line-height: 30px">
                            <fieldset>
                                <legend>Statistics:</legend>
                                <label>Input:</label>
                                <label style="float: right" id="link_input"></label>
                                <br>

                                <label>Bitrate:</label>
                                <label style="float: right" id="link_bitrate">0kbps</label>
                                <br>
                                <label style="display:none" id="label_uptime">Uptime:</label>
                                <label style="float: right;display:none" id="link_uptime"></label>
                                <br>
                                <label style="display:none" id="label_srt_mode">SRT Mode:</label>
                                <label style="float: right;display:none" id="link_mode"></label>
                                <br>
                            </fieldset>
                        </div>
                        <div id="srt_status" style="float: left; line-height: 30px">
                            <fieldset>
                                <legend>SRT:</legend>
                                <label>Status:</label>
                                <label style="float: right" id="link_srtstatus"></label>
                                <br>

                                <label>Reconnection:</label>
                                <label style="float: right" id="link_reconnect">0</label>
                                <br>
                                <label>Lost Rate:</label>
                                <label style="float: right" id="link_loss_rate">0</label>
                                <br>

                                <label>Lost Packets:</label>
                                <label style="float: right" id="link_lost_packets">0</label>
                                <br>
                                <label>Drop Packets:</label>
                                <label style="float: right" id="link_skipped_packets">0</label>
                                <br>
                                <label>Used Bandwidth:</label>
                                <label style="float: right" id="link_used_bandwidth">0kbps</label>
                                <br>
                                <label>RTT:</label>
                                <label style="float: right" id="link_rtt">0ms</label>
                                <br>
                                <label>Buffer:</label>
                                <label style="float: right" id="link_buffer">0ms</label>
                                <br>
                                <label>Latency:</label>
                                <label style="float: right" id="link_latency">0ms</label>
                                <br>
                            </fieldset>
                        </div>
                    </div>
                    <div id="link_graph" style="float: left">
                        <fieldset>
                            <legend>Graphs:</legend>
                            <div id="linktest_graph_kbps" style="width:100%;height:50%">
                            </div>
                            <div id="linktest_graph_msec" style="width:100%;height:50%">
                            </div>
                        </fieldset>
                    </div>
                </div>
			</form>
		</div>
	</div>

	<script	type="text/javascript">
		document.write("<script	src='linkstatistics.js?randomid=" + Math.random() + "'></s" + "cript>");
		//document.write("<script	src='common.js?randomid=" +	Math.random() +	"'></s"	+ "cript>");
	</script>

</BODY>
</HTML>
